<template>
    <div class="cbox">
        <h4>子组件</h4>
        <div>{{cmsg}}</div>
        <button @click="sendMsgToParent">发送到父组件</button>
    </div>
</template>

<script>
export default {
    data(){
        return{
            cmsg:'爸爸您好，我爱你'
        }
    },
    methods:{
        sendMsgToParent(){
          //在这里调用vue中的$emit方法，完成自定义事件设置
         /* 
            $emit方法用来自定义事件
            它由两个参数
            参数1：自定义事件的名称
            参数2：所要传递的数据
         */
          this.$emit('make',this.cmsg)
        }
    }
}
</script>

<style>
    .cbox{
        width: 500px;
        height: 200px;
        background-color: springgreen;
    }
</style>